<!-- 富文本显示组件 -->
<template>
  <div v-html="compiledHtml"></div>
</template>

<script>
export default {
  props: {
    htmlContent: {
      type: String,
      required: true,
    },
  },
  computed: {
    compiledHtml() {
      // 使用 Vue 的渲染器编译和解析富文本内容
      return this.$createElement('div', {
        domProps: {
          innerHTML: this.htmlContent,
        },
      })
    },
  },
}
</script>